<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <style></style>
  </head>
  <body>
    <div>
      <h1>Webapck多入口打包</h1>
      <p>
        多入口打包一般适用于多页应用程序,一个页面对应一个打包入口,公共部分单独提取
      </p>
      <p>可以把entry属性设置为一个对象entry : {}</p>
      <p>
        output输出文件名可以使用[name]占位符的方式（output : { filename :
        '[name].bundle.js' }）
      </p>
      <p>
        但是打包完后会有问题就是打包结果被页面都载入了,这是因为输出HTML的插件是默认自动注入所有打包的结果的HTML,如果只要指定的打包结果可以再html-webpack-plugin插件中使用chunks进行配置,例如chunks:['index'],chunks:['album'],这样每个打包入口就会有独立的chunks
      </p>
    </div>
    <script></script>
  </body>
</html>
